﻿@media (max-width: 1500px) {
    .navbar {
        padding: 0.5rem 3%;
    }
    #headerPage {
        height: 380px;
    }
    .mycontainer {
        max-width: 88vw;
    }
    .targetSolution .mainbox .positionbox {
        padding: 1.2rem;
    }
    .targetSolution .mainbox .positionbox h4 {
        font-size: 19px;
    }
    .partnerSection .SliderContainer {
        width: calc(90vw / 6);
    }
    /* #AboutUs .descriptionSection .imgBox {
		height: 240px;
		width: 240px;
		border-radius: 14px;
	} */
    .navbar .subSiteLinks {
        max-width: 60vw;
    }
    .Storage .slideProducts .SlideContainer {
        min-width: calc(90vw / 3);
    }
}

@media (max-width: 1300px) {
    #AboutUs .descriptionSection .imgBox-1,
    .imgBox-2 {
        height: 375px;
    }
    .imgBox-1 {
        margin-top: -100px;
    }
    .Infrastructure .contentArrow .arrowBox::before {
        display: none;
    }
    .mycontainerSmaller {
        width: 90vw;
    }
    .tslaSection a#linkContent {
        width: 80vw;
    }
    .tslaSection .tslaContent h2 {
        font-size: 20px;
    }
    .tslaSection .tslaContent h5 {
        font-size: 17px;
    }
    .Storage .slideProducts .SlideContainer {
        min-width: calc(90vw / 2);
    }
    .knowledgeBlock .opacityBlock {
        width: 90vw;
    }
    .Infrastructure .contentImg {
        display: none;
    }
    .Infrastructure .contentArrow {
        flex: 0 0 100%;
        max-width: 100%;
    }
    .Infrastructure .arrowBox {
        margin: 10px 0;
    }
}

@media (max-width: 1050px) {
    #headerPage {
        height: 266px;
    }
    .precentBlock .precentText p {
        font-size: 0.8rem;
    }
    .partnerSection .SliderContainer {
        width: calc(90vw / 4);
    }
    .operationsBlock {
        display: block;
        text-align: center;
    }
    .operationsBlock .operation {
        width: 46%;
        margin: 10px;
    }
}

@media (min-width: 993px) {
    #navbarLinks {
        margin: auto;
    }
}

@media (max-width: 992px) {
    .sliderHome .carousel-caption {
        top: 9%;
    }
    #headerPage {
        height: 245px;
    }
    .Storage .slideProducts .SlideContainer {
        min-width: calc(90vw / 1);
    }
    .pWidth {
        width: 95vw;
    }
    .lineBlock,
    .lineBlockGreen {
        width: 50vw;
    }
    .sliderHome {
        /* height: 51vh; */
    }
    .sliderHome .carousel-caption h2 {
        font-size: 1.5rem;
    }
    .sliderHome .carousel-caption p {
        font-size: 14px;
    }
    .navbar {
        border-bottom: 1px solid #cfcfd0;
        box-shadow: none;
    }
    .navbar #navbarLinks,
    .navbar .customerPortal {
        display: none;
    }
    .navbar #navbarLinks {
        position: absolute;
        width: 100vw;
        top: 100%;
        background-color: #fff;
        z-index: 9;
        left: 0;
        border-top: 3px solid #dedede;
    }
    .navbar .subSiteLinks ul li {
        font-size: 15px;
        border-top: 1px solid #d8d8d8;
        padding: 10px 2rem;
        display: flex;
        align-items: center;
        color: #000;
    }
    .navbar .subSiteLinks ul li a {
        margin: 0;
        display: flex;
        width: 100%;
        color: #000;
    }
    .navbar #toggleLinks {
        display: flex;
    }
    .navbar .navbar-nav {
        -webkit-box-shadow: 0px 3px 4px -2px rgb(204 204 204);
        -moz-box-shadow: 0px 3px 4px -2px rgb(204 204 204);
        box-shadow: 0px 3px 4px -2px rgb(204 204 204);
    }
    .navbar .nav-item>a {
        padding: 1rem 2rem;
        font-size: 16px;
        margin: 0;
    }
    .navbar .nav-item:not(:last-child) {
        border-bottom: 1px solid #dedede;
    }
    .navbar .subSiteLinks {
        position: relative;
        border: none;
    }
    .navbar .nav-item .firstSubsite {
        margin: inherit;
        max-width: 100vw;
    }
    .navbar .nav-item .firstSubsite .SubImg {
        display: none;
    }
    .navbar .nav-item .firstSubsite ul {
        margin-left: 0;
        border-left: none;
    }
    .navbar .subSiteLinks {
        max-width: 100vw;
        display: block;
        box-shadow: none;
        padding: 0;
    }
    .navbar .subSiteLinks ul {
        padding-left: 0;
        margin: 0;
        background: #eee;
    }
    .targetSolution p {
        width: 90vw;
    }
    .featuresBlock .row>div {
        margin: 1rem 0;
    }
    .navbar .subSiteLinks ul h4 {
        display: none;
    }
    .navbar a.arrowSubSite:after {
        display: none;
    }
    .aboutUs #moreUs {
        margin: 1rem 0;
        display: block;
        width: fit-content;
    }
    .partnerSection .partnerHeading {
        width: auto;
    }
    .tslaSection .tslaContent h2 {
        font-size: 1.4rem;
    }
    .tslaSection .tslaContent h4 {
        font-size: 1rem;
    }
    #HardwareSolutions .featuresBlock .row {
        justify-content: center;
    }
    #HSDC .solutionInfrastructure .opacityBox {
        width: 90vw;
    }
    .Storage .storageSolution .solutionLink {
        width: 315px;
        height: 324px;
    }
    #OurTeam .joinSection p {
        width: 95vw;
    }
    .Infrastructure .arrowBox img {
        max-width: 70px;
    }
    #businessContinutySolution .lifecycleContinuity img {
        display: block;
        margin: auto;
        width: 100%;
    }
    #businessContinutySolution .targetExpert .opacityExpert {
        width: 90vw;
    }
    #AboutUs .descriptionSection .imgBox {
        display: none;
    }
    #AboutUs .descriptionSection .mycontainer .descBox {
        width: 100%;
    }
    #AboutUs .descriptionSection .mycontainer>div:last-child {
        flex-direction: row;
        text-align: left;
    }
    #AboutUs .descriptionSection .mycontainer>div {
        padding: 1rem 0;
    }
    .partnerImg {
        display: none;
    }
    .headingOrange {
        font-size: 22px;
    }
    .lineBlock {
        margin: 1rem auto;
    }
    .featuresOrangeBlock .boxBlock img {
        width: 50px;
        top: -32px;
    }
    .featuresOrangeBlock {
        padding: 2rem 0;
    }
    .featuresOrangeBlock .row>div {
        margin: 1rem 0;
    }
    .knowledgeBlock .opacityBlock .imgBlock {
        display: none;
    }
    .featuresBlock .boxBlock img {
        top: -30px;
        max-width: 50px;
    }
    .BoxsWithImageIcon {
        padding: 2rem 0;
    }
    .HPESynery {
        margin-top: 2rem;
    }
}

@media (max-width: 890px) {
    #HSDC .DCInfrastructure .col {
        flex-basis: 50%;
    }
}

@media (max-width: 767px) {
    #headerPage {
        height: 177px;
        padding-left: 2rem;
        background-position: right !important;
    }
    .descriptionSection .row {
        margin-left: 0;
        margin-right: 0;
    }
    .mycontainer .row {
        margin-right: 0;
    }
    .imgBox-2,
    .imgBox-1 {
        display: none;
    }
    .imgBox-1 {
        display: none !important;
    }
    .navbar {
        padding: 1rem 2rem;
    }
    .tslaSection a#linkContent {
        width: 82vw;
    }
    #headerPage h3 {
        font-size: 1.3rem;
    }
    #headerPage p {
        max-width: 100%;
        font-size: 1rem;
    }
    .buildForCloud .showStorage .contentProtofolio {
        margin-bottom: 1rem;
    }
    .buildForCloud .asButton {
        border-radius: 0;
    }
    #HardwareSolutions .hyperSction p {
        width: 90vw;
    }
    #HardwareSolutions .knowledgeBlock .opacityBlock {
        width: 90vw;
    }
    #HardwareSolutions .knowledgeBlock .opacityBlock .listWithNum li {
        display: block;
        width: auto;
    }
    .Storage .storageSolution .solutionLink {
        width: 216px;
        height: 184px;
    }
    #businessContinutySolution .strongContinuity ul {
        display: block;
    }
    #businessContinutySolution .strongContinuity li {
        margin: 2rem 3rem;
    }
    .Infrastructure .arrowBox span {
        font-size: 0.9rem;
    }
    .serverManagement .HPEInfosight .imgContent {
        text-align: center;
    }
    .partnerSection .SliderContainer {
        width: calc(90vw / 2);
    }
    .sliderHome {
        /* height: 29vh; */
    }
}

@media (max-width: 706px) {
    .operationsBlock .operation {
        width: 75%;
        margin: 1rem auto;
    }
}

@media (max-width: 575px) {
    .descriptionSection .row {
        margin-left: 0;
        margin-right: 0;
    }
    .mycontainer .row {
        margin-right: 0;
    }
    .imgBox-2,
    .imgBox-1 {
        display: none;
    }
    .imgBox-1 {
        display: none !important;
    }
    .Storage .storageSolution .solutionLink {
        width: 177px;
        height: 184px;
    }
    .partnerSection .SliderContainer {
        width: calc(90vw);
    }
    .partnerSection .sliderBox img {
        max-width: 90%;
        width: auto;
    }
    .partnerSection .sliderBox {
        padding: 1.75rem 1rem;
    }
    .powered .partnerPowered {
        flex-direction: column;
    }
    .powered .partnerPowered .partner {
        width: 100%;
        margin-bottom: 5px;
    }
}

@media (max-width: 400px) {
    .businessStrategy .imgContent {
        min-width: auto;
    }
}